/**
 * 测试 debug 第三方调试工具包
 * chrome 浏览器中可能需要将 console 日志级别包含 verbose 才能看到 debug 输出
 * 设置范例 localStorage.debug='d2*,-d2:b' 所有 d2 开头的 debug
 */

import React, { useEffect } from 'react';
import debug from 'debug';
import styles from './try_debug.css';

const debug1 = debug('d1*'); // 后面带*的总会输出
const debug2 = debug('d2'); // 普通名称根据 localStorage.debug 设置条件输出
const debug3 = debug('d3'); // 没有 enable 的 debug
const debug2a = debug2.extend('a');
const debug2b = debug2.extend('b');
const debugs = [debug1, debug2, debug2a, debug2b];

console.log('debug3.enabled', debug3.enabled);

export default () => {
  useEffect(() => {
    const hdl = setInterval(() => {
      debugs[Math.floor(Math.random() * debugs.length)](Math.random());
    }, 900);
    return () => {
      clearInterval(hdl);
    }
  }, []);
  return (
    <div>
      <h1 className={styles.title}>Page try_debug</h1>
    </div>
  );
}
